/*pad*/
img{max-width: 100%;}
.sj_m{display:none;}
.gh {
	float:right;
	height:2rem;
	width:2rem;
	right:0px;
	top:1.5rem;
	position:absolute;
	display: none;
	transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	cursor:pointer;
}
.top_bg ul{display: none;}
.selected .gh {transform: rotate(90deg);}
.gh a {
	background-color:#0b89dd;
	display: block;
	height: 2px;
	margin-top: -2px;
	position: relative;
	top: 50%;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	width: 100%;
}
.gh:hover a:before {
	transform: translateY(-2px) rotate(0deg);
	-webkit-transform: translateY(-2px) rotate(0deg);
	-ms-transform: translateY(-2px) rotate(0deg);
}
.gh:hover a:after {
	transform: translateY(2px) rotate(0deg);
	-webkit-transform: translateY(2px) rotate(0deg);
	-ms-transform: translateY(2px) rotate(0deg);
}
.selected .gh:hover a:before {
	transform: translateY(0px) rotate(-45deg);
	-webkit-transform: translateY(0px) rotate(-45deg);
	-ms-transform: translateY(0px) rotate(-45deg);
}
.selected .gh:hover a:after {
	transform: translateY(0px) rotate(45deg);
	-webkit-transform: translateY(0px) rotate(45deg);
	-ms-transform: translateY(0px) rotate(45deg);
}
.gh a:after, .gh a:before {
	background-color:#0b89dd;
	content: "";
	display: block;
	height: 2px;
	left: 0;
	position: absolute;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	width:100%;
}
.gh a:after {top:10px;}
.gh a:before {top:-10px;}
.selected .gh a:after, .selected .gh a:before {top: 0;}
.selected .gh a:before {
	transform: translateY(0px) rotate(-45deg);
	-webkit-transform: translateY(0px) rotate(-45deg);
	-ms-transform: translateY(0px) rotate(-45deg);
}
.selected .gh a:after {
	transform: translateY(0px) rotate(45deg);
	-webkit-transform: translateY(0px) rotate(45deg);
	-ms-transform: translateY(0px) rotate(45deg);
}
.selected .gh a {background-color: transparent !important;}

@media only screen and (max-width:1520px) {
	.slides li{background-size:auto; background-position:50% center;}
}
@media only screen and (max-width:1400px) {
	.flexslider,.slides li{ height:20rem;background-size:auto 100%;}
	.flexslider .flex-control-nav{ bottom:1.5%;}
	.flexslider .flex-control-nav li{ width:0.75rem; height:0.75rem; margin:0px 0.25rem;}
}
@media only screen and (max-width:1200px) {
}
@media only screen and (max-width:1000px) {
}
@media only screen and (max-width:900px) {
	
}
@media only screen and (max-width:800px){
	body{
	 overflow-x: hidden; 
	}
	.top_bg,.h_bg .t_dh,.h_bg .t_tb,.m_bg,.foot_bg div.t{ display:none;}
	
	.gh,.sj_m{display:block;}
	
	.h_bg.sj{ position:fixed; top:0px; z-index:999; background-color:#ffffff; padding:0px 3%;}
	.h_bg.sj .gh{ right:3%;}
	
	.sj_bg{ width:100%;}
	.h_bg,.sj_bg.o{ height:5rem;}
	.h_bg .logo{ max-height:3rem; margin:1rem 0px;}
	.sj_m{ position:absolute; z-index:8; width:0; right:-3%; opacity:0; top:5rem; background-color:rgba(11,137,221,0.8); height:10000%;transition: all .5s ease;}
	.selected .sj_m{transition:width 0.5s; width:70%; opacity:1;}
	.sj_m li{ height:3rem; line-height:3rem;}
	.sj_m li.qh{ text-align:center; font-size:1rem; color:#ffffff;}
	.sj_m li.qh a{ color:#ffffff; padding:0px 5%;}
	.sj_m li.c a dd{ padding:0px 3%;color:#ffffff;}
	
	.flexslider{height:20rem;}
	.slides li{ height:20rem;background-size:auto 100%;}
	
	.flexslider .flex-control-nav li{ width:0.75rem; height:0.75rem;}
	
	.i_gg{background-size:auto 100%; height:6rem;}
	
	.i_cp div.fl{ width:30%;}
	.i_cp ul.fr{ width:65%;}
	.i_cp ul.fr li{}
	.p_c{ margin:1rem 0px;}
	
	.i_c .fr ul li .fr ol{ font-size:1rem; margin-bottom:0.5rem;}
	.i_c dd b{ font-size:1rem;}
	
}
@media only screen and (max-width:640px){
	.selected .sj_m{ top:3rem;}
	.sj_m li.c a dd{ padding:0px 8%;}
	.i_t{ height:auto;}
	.i_t .fl{ width:100%; margin-bottom:1rem;}
	.i_t .fr{ width:100%;}
	.i_t .fr .s_txt{ width:78%; padding:0px 2%; margin-bottom:0px;}
	.i_t .fr .s_btn{ width:16%; float:left !important;}
	
	.i_c{ margin-bottom:0px;}
	.i_c .fl{ width:100%; margin-bottom:2rem;}
	.i_c .fr{ width:100%;}
	.i_c .fr ul li .fl{ margin-bottom:0px;}
	
	.i_r_cp div.g2 ul li{ height:8rem !important; width:10rem !important;}
	.i_r_cp div.g2 ul li dl{ height:6rem;}
	.i_r_cp div.g2 ul li dd{ height:2rem; line-height:2rem;}
	
	.ny_m{ height:auto; line-height:2rem;}
	.ny_m dl{ width:100%;}
	.ny_m dl.fl{ padding-top:0.5rem;}
	.ny_m dl.fl,.ny_m dl.fl i{ font-size:1rem;}
	
	.cp_list .page_l,.news_list li .fl{ display:none;}
	
	.cp_list .page_r,.news_list li .fr{ width:100%;}
	.cp_list .page_r .t_n{ font-size:1rem; height:auto;padding-left:2rem; background-position:0px 0px; line-height:1.5rem; background-size:auto 1.15rem;}
	.cp_list .page_r .t_n i{ font-size:0.875rem;}
	
	.cp_list .page_r .cp_s .c dl{ height:2rem; line-height:2rem; width:24%; font-size:0.75rem;}
	.news_list li{ padding:1rem 2%;}
	.news_s li.t p.t{ font-size:1rem;}
	.news_s li.t p.f{ font-size:0.75rem; line-height:1rem;}
	.news_s li.q{ height: auto; line-height:2rem;}
	.news_s li.q dl{ width:100%; text-align:left !important;}
	
	.cp_list .page_l.so_l{ display:block; width:100%; margin-bottom:2rem;}
	.cp_list .page_l.so_l .t{ display:none;}
	.cp_list .page_l.so_l ul{border-top:1px solid #cccccc; padding:0.5rem 1%;}
	.cp_list .page_l.so_l ul li a dd{ border-bottom:0px;}
	
	.i_r_cp{ margin-top:1rem;}
	.i_cp div.fl{ display:none;}
	.i_cp ul.fr{ width:100%;}
	.i_cp ul.fr li{ height:auto; width:100%;}
	.i_cp ul.fr li div.fl{ display:block; height:auto;}
	.i_cp ul.fr li div.fl img{ position:relative;}

	
}
@media only screen and (max-width:480px){
	.i_gg{ height:4rem;}
	.flexslider{height:9rem;}
	.slides li{ height:9rem;}
	
	.h_bg,.sj_bg.o{ height:3rem;}
	.h_bg .logo{ width:50%; margin:0.4rem 0px;}
	.gh{ top:0.5rem;}
	
	.i_c .fl dl{ font-size:0.75rem; line-height:1rem; max-height:100%;}
	.i_c .fr ul li .fl{ display:none;}
	.i_c .fr ul li .fr{ width:100%;}
	
	.foot_bg{ padding:1rem 0px;}
	.foot_bg div.f{ line-height:1.5rem;}
	

}
@media only screen and (max-width:320px){
	
	
}